

<!DOCTYPE html>
<html lang="en" color-mode=light>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Alex</title>
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="google" content="notranslate" />
  
  
  <meta name="author" content="Alex">
  <link rel="icon" href="/images/icons/favicon-16x16.png" type="image/png" sizes="16x16">
  <link rel="icon" href="/images/icons/favicon-32x32.png" type="image/png" sizes="32x32">
  <link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png" sizes="180x180">
  <meta rel="mask-icon" href="/images/icons/stun-logo.svg" color="#333333">
  
    <meta rel="msapplication-TileImage" content="/images/icons/favicon-144x144.png">
    <meta rel="msapplication-TileColor" content="#000000">
  

  
<link rel="stylesheet" href="/css/style.css">


  
    
<link rel="stylesheet" href="//at.alicdn.com/t/font_1445822_s6x2xcokxrl.css">

  

  
    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">

  

  
    
      
        
        
<link rel="stylesheet" href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/xcode.min.css" name="highlight-style" mode="light">

      
        
        
<link rel="stylesheet" href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/solarized-dark.min.css" name="highlight-style" mode="dark">

      
  

  <script>
    var CONFIG = window.CONFIG || {};
    var ZHAOO = window.ZHAOO || {};
    CONFIG = {
      isHome: true,
      fancybox: true,
      pjax: false,
      lazyload: {
        enable: true,
        only_post: 'false',
        loading: '/images/theme/loading.gif'
      },
      donate: {
        enable: true,
        alipay: 'https://pic.izhaoo.com/alipay.jpg',
        wechat: 'https://pic.izhaoo.com/wechat.jpg'
      },
      galleries: {
        enable: true
      },
      fab: {
        enable: true,
        always_show: false
      },
      carrier: {
        enable: true
      },
      daovoice: {
        enable: false
      },
      preview: {
        background: {
          default: '/images/theme/welcome-image.jpg',
          api: ''
        },
        motto: {
          default: '我在开了灯的床头下，想问问自己的心啊。',
          api: 'https://v2.jinrishici.com/one.json',
          data_contents: '["data","content"]'
        },
      },
      qrcode: {
        enable: true,
        type: 'url',
        image: 'https://pic.izhaoo.com/weapp-code.jpg',
      },
      toc: {
        enable: true
      },
      scrollbar: {
        model: 'simple'
      },
      notification: {
        enable: false,
        delay: 4500,
        list: '',
        page_white_list: '',
        page_black_list: ''
      }
    }
  </script>

  

  

<meta name="generator" content="Hexo 5.1.1"></head>

<body class="lock-screen">
  <div class="loading"></div>
  


  

<nav class="menu">
  <div class="menu-wrap">
    <div class="menu-close">
      <i class="iconfont iconbaseline-close-px"></i>
    </div>
    <ul class="menu-content"><li class="menu-item">
        <a href="/ " class="underline active"> 首页</a>
      </li><li class="menu-item">
        <a href="/galleries/ " class="underline "> 摄影</a>
      </li><li class="menu-item">
        <a href="/archives/ " class="underline "> 归档</a>
      </li><li class="menu-item">
        <a href="/tags/ " class="underline "> 标签</a>
      </li><li class="menu-item">
        <a href="/categories/ " class="underline "> 分类</a>
      </li><li class="menu-item">
        <a href="/about/ " class="underline "> 关于</a>
      </li></ul>
    
      <div class="menu-copyright"><p>Powered by <a target="_blank" href="https://hexo.io">Hexo</a>  |  Theme - <a target="_blank" href="https://github.com/izhaoo/hexo-theme-zhaoo">zhaoo</a></p></div>
    
  </div>
</nav>
  <main id="main">
  
    <div class="preview">
  <nav class="navbar j-navbar-menu">
    <i class="iconfont iconmenu"></i>
  </nav>
  <div class="preview-image">
    <h2 class="preview-motto" id="motto">我在开了灯的床头下，想问问自己的心啊。</h2>
    <!-- <span class="preview-cursor">|</span> -->
    
      <div class="preview-overlay">
        <svg class="preview-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
          viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
          <defs>
            <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
          </defs>
          <g class="preview-parallax">
            <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(var(--color-background-rgb),0.7"></use>
            <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(var(--color-background-rgb),0.5)"></use>
            <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(var(--color-background-rgb),0.3)"></use>
            <use xlink:href="#gentle-wave" x="48" y="7" fill="var(--color-background)"></use>
          </g>
        </svg>
      </div>
    
  </div>
  <div class="preview-scroll">
    <a href="#container" class="smooth-scroll"><i class="iconfont iconMouse"></i></a>
  </div>
</div>
  
  <div class="container" id="container">
    <section class="row post">
  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2021/08/05/dom%E5%B1%82%E7%BA%A7%E9%A1%BA%E5%BA%8F/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2021/08/05/dom%E5%B1%82%E7%BA%A7%E9%A1%BA%E5%BA%8F/" title="dom层级顺序" >dom层级顺序</a></h3>
        <div class="post-excerpt">
          <p class="substr-3"> 本文介绍DOM是如何排列元素的层级顺序的，z轴方向的高低是根据什么确定的</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>August 05, 2021</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>5448</span>
      </div>
    </div>
  </div>
</div>

  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2021/06/17/%E6%A0%91%E7%8A%B6%E6%95%B0%E7%BB%84/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2021/06/17/%E6%A0%91%E7%8A%B6%E6%95%B0%E7%BB%84/" title="树状数组" >树状数组</a></h3>
        <div class="post-excerpt">
          <p class="substr-3">维护前缀和的方式，在需要多次更新前缀和时比普通数组高效。O(logN)的查询以及更新时间复杂度</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>June 17, 2021</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>427</span>
      </div>
    </div>
  </div>
</div>

  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2021/05/19/css-%E5%9D%97%E7%BA%A7%E8%A1%8C%E5%86%85%E5%85%83%E7%B4%A0/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2021/05/19/css-%E5%9D%97%E7%BA%A7%E8%A1%8C%E5%86%85%E5%85%83%E7%B4%A0/" title="css-块级行内元素" >css-块级行内元素</a></h3>
        <div class="post-excerpt">
          <p class="substr-3"> 本文介绍block , inline , inline-block 三种类型元素的异同。常见元素归类，以及设置宽高、边距属性的差异</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>May 19, 2021</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>2131</span>
      </div>
    </div>
  </div>
</div>

  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2021/01/20/SRCNN/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2021/01/20/SRCNN/" title="超分辨-SRCNN" >超分辨-SRCNN</a></h3>
        <div class="post-excerpt">
          <p class="substr-3">​    实现超分辨率重建的算法有很多，包括经典的基于插值的方法，如双立方插值。而基于机器学习的算法SRCNN可以达到比插值更好的效果。</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>January 20, 2021</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>3474</span>
      </div>
    </div>
  </div>
</div>

  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2020/11/07/Java-%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E5%85%A5%E9%97%A8/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2020/11/07/Java-%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E5%85%A5%E9%97%A8/" title="Java 面向对象入门" >Java 面向对象入门</a></h3>
        <div class="post-excerpt">
          <p class="substr-3">目标读者:
了解 Java 基本数据类型，权限修饰符，继承，封装，静态。掌握 Java 输出、for、if 等基本语法。熟练应用函数，了解函数重载。</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>November 07, 2020</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>27930</span>
      </div>
    </div>
  </div>
</div>

  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2020/09/26/javassist2/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2020/09/26/javassist2/" title="字节码增强（二）" >字节码增强（二）</a></h3>
        <div class="post-excerpt">
          <p class="substr-3">​    字节码增强（一）在理论上分析了插桩的方案，本篇博客将介绍如何使用javassist工具库，来完成插桩。</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>September 26, 2020</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>5530</span>
      </div>
    </div>
  </div>
</div>

  
    

<div class="col-lg-4 col-md-6 col-sm-12 post-item">
  <div class="post-wrap">
    
    <a href="/2020/09/24/javassist/" class="post-image">
      <img   class="lazyload" data-original="/images/theme/post-image.jpg" src=""  draggable="false">
    </a>
    <div class="post-content">
      <div class="post-content-wrap">
        <h3 class="post-title"><a href="/2020/09/24/javassist/" title="字节码增强（一）" >字节码增强（一）</a></h3>
        <div class="post-excerpt">
          <p class="substr-3">​    所谓的字节码增强，即通过程序对.class文件进行修改。因为字节码较java代码更加统一化，所以修改.class文件也更加的方便.</p>
        </div>
      </div>
      <div class="post-info">
        <span class="post-info-item"><i class="iconfont iconcalendar"></i>September 24, 2020</span>
        
        <span class="post-info-item"><i class="iconfont iconfont-size"></i>5996</span>
      </div>
    </div>
  </div>
</div>

  
</section>
    <section class="paginator">
  
</section>
  </div>
</main>
  

<footer class="footer">
  <div class="footer-social"><a 
        href="tencent://message/?Menu=yes&uin=272991962 "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#12B7F5'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  iconQQ "></i>
      </a><a 
        href="https://github.com/zheng-kai "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#9f7be1'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  icongithub-fill "></i>
      </a><a 
        href="https://gitee.com/AlexAnde "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color= '#9f7be1'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  gitee-fill-round "></i>
      </a><a 
        href="mailto:272991962@qq.com "
        target="_blank"
        class="footer-social-item"
        onMouseOver="this.style.color=  '#12B7F5'" 
        onMouseOut="this.style.color='#33333D'">
          <i class="iconfont  iconmail "></i>
      </a></div>
  
    <div class="footer-copyright"><p>Powered by <a target="_blank" href="https://hexo.io">Hexo</a>  |  Theme - <a target="_blank" href="https://github.com/izhaoo/hexo-theme-zhaoo">zhaoo</a></p></div>
  
</footer>
  
      <div class="fab fab-plus">
    <i class="iconfont iconplus"></i>
  </div>
  
  
  <div class="fab fab-up">
    <i class="iconfont iconcaret-up"></i>
  </div>
  
  
    <div class="scrollbar j-scrollbar">
  <div class="scrollbar-current j-scrollbar-current"></div>
</div>
  
  
    
<script src="/js/color-mode.js"></script>

  
</body>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>



  
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>




  
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>






  
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>




<script src="/js/utils.js"></script>
<script src="/js/script.js"></script>





  <script>
    (function () {
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
      } else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
      }
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>













</html>